<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格标签</title>
</head>
<body>
<!--在文本类标签内或其他如表格标签等可以描述文字的标签内，
可以使用align属性设置文字的对齐方式，如center表示居中对齐-->
<!--表格标签使用table标签表示，
表格的行使用tr标签表示，使用td标签表示列；
HTML5的表格默认没有边框，需要通过属性设置；
表格的属性包括：
    border属性用于设置表格的边框宽度，border="1"表示边框宽度为1像素，
    border="0"表示没有边框；
    cellpadding属性用于设置单元格的内边距，cellpadding="10"表示内边距为10像素；
    cellspacing属性用于设置单元格的外边距，cellspacing="10"表示外边距为10像素；
    -->
<!--设置一个三行三列的表格-->
<!--在table标签内部设置border属性后，
会给表格以及表格内的所有单元格都添加边框，
表格外边框以及单元格内部边框宽度相同，但是会默认存在一个像素的间距-->
<table border="1" cellpadding="10" cellspacing="0">
    <tr>
        <!--第一个单元格独占3行，使用rowspan属性设置-->
        <td rowspan="3">1</td>
        <!--第二个单元格独占2列，使用colspan属性设置-->
        <td colspan="2" align="center">2</td>
        <!--由于第二个单元格独占2列，会挤占原本在第三列中的3单元格位置-->
        <!--<td>3</td>-->
    </tr>
    <tr>
        <!--由于第一个单元格独占3行，会挤占原本在第一列中的4和7的单元格位置，
        所以可以将4和7单元格删除-->
        <!--<td>4</td>-->
        <td rowspan="2">5</td>
        <td>6</td>
    </tr>
    <tr>
        <!--<td>7</td>-->
        <td>9</td>
    </tr>
</table>
</body>
</html>